
/******************************************
 Sidebar navigations (short form: sb-nav)
*******************************************/
/**
---------------------
| Title 1           |
---------------------
| > Study timetable |
|   April fool      |
---------------------

<div id="r-sidebar">  <-- this container is defined somewhere else

  <div class="sb-nav theme-classic">
      <div class="heading">
        Title 1
      </div>
      <ul>
        <li class="current"><a href="#">Study timetable</a></li>
        <li><a href="#">April fool</a></li>
      </ul>
  </div>

  <div class="sb-nav theme-transparent-bkgnd">
      <div class="heading">
        Title 2
      </div>
      <ul>
        <li class="current"><a href="#">exmaple 1</a></li>
        <li><a href="#">example 2</a></li>
      </ul>
  </div>

</div>
**/
/***************************************
 Side-bar navigation ground-rules (this is content of sidebar)
 - width is determined by the outer div
****************************************/
.sb-nav { /* ground-rules */
	/* border: solid 1px green; */
	/* overflow:	scroll; */
	padding: 		1px;
	margin:			1px;
}
.sb-nav .heading {
	margin:		1px 1px 0px 1px;
  padding:	2px 5px 2px 5px;
  font-weight:	bold;
  color: white;
  background-color: #4172d1; /*#323BE9;*/
  /*
	background:		url(../images/tabblue.gif);
	background-repeat: none;
	*/
}
.sb-nav ul {
	margin:		0px 1px 0px 1px;
  padding:		0;
  list-style-type: none;
  background-color: #C6C8F9;
	/* border: solid 1px red;*/
}
.sb-nav li {
  /* height:		15px; */
  /* line-height:	15px; */
  margin-bottom:	0px;
  padding-top:	2px;
  padding-right:  1px;
  /* border-bottom-style: inset; */
}
.sb-nav li a {
  color: #072B8A;
  display:		block;
  padding-left:	20px;
  padding-bottom: 3px;
  text-decoration: none;
  font-weight: normal;
  font-size: 0.85em;
  background-position: 4px 2px;
  background-repeat:	no-repeat;
/*  background-image:url(../images/stock/smttr_bk.gif); */
}
/* Modify this to render link on current page effect */
.sb-nav li.current a {
  background-image:url(../../icon/smttr_bk.gif);
}
/************************************
 Important: Link pseudo-classes must be
            in this exact order
			or problem will occur
 ie. link > visited > hover > active
************************************/
.sb-nav li a:link {
  font-weight: normal;
	color: #072B8A;
}
.sb-nav li a:visited {
  font-weight: normal;
	color: #072B8A;
}
.sb-nav li a:hover {
  font-weight: normal;
  background-color: #EBE8B8;
	color: #072B8A;
}
.sb-nav li a:active {
  font-weight: normal;
	color: #072B8A;
}
/* ----------------------------------*/
/* not used */
.sb-nav li#asterisk {
    background-image:url(asterisk.jpg);
}
/* not used */
.sb-nav li#check {
    background-image:url(check.jpg);
}
/* not used */
.sb-nav li#x {
    background-image:url(x.jpg);
}

/***************************************
 Side-bar navigation (theme: classic)
 - with li image on left hand side of link
****************************************/
.sb-nav.theme-classic {
  /* Used as a TAG only. Same as .sb-nav */
}

/***************************************
 Side-bar navigation (theme: transparent-bkgnd)
 - with li image on left hand side of link
****************************************/
.sb-nav.theme-transparent-bkgnd {
  background-color: transparent;
}
.sb-nav.theme-transparent-bkgnd .heading {
  color: yellow;
  background-color: transparent;
  border-bottom: 1px solid silver;
}
.sb-nav.theme-transparent-bkgnd ul {
  background-color: transparent;
}
.sb-nav.theme-transparent-bkgnd li a {
  color: silver;
  background-color: transparent;
}
.sb-nav.theme-transparent-bkgnd li.current a {
  color: white;
  background-image:url(../../icon/smttr_pi.gif);
}
